<template>
<div>
  <div class="header" style="height: 46px;
    overflow: hidden;position: absolute;
    width: 100%;
    z-index: 1;
    top: 0;
    background: #fff;
    line-height: 46px;
    border-bottom: 1px solid #f2f2f2;">
      <router-link to="/user">
        <div class="icon" style="position: fixed; left:16px; font-size:14px; color:#1989fa;">
          <van-icon name="arrow-left"/>
        </div>
      </router-link>
      <p style="margin: 0; padding: 0;">我的小孩</p>
  </div>
  <ul>
    <li style="height:50px; position: relative; top:47px; background:#f2f2f2;">
      <div style="height:40px; width:40px; background:#949494; border-radius:20px; line-height:40px; position: relative; top: 5px; left: 10px; float: left; color: #fff; font-size: 18px;">
        郭
      </div>
      <div style="text-align: -webkit-left; float: left; position: relative; margin-left: 15px; top: 2.5px;">
        <p style="margin: 0; padding: 0; float:left;">郭飞</p>
        <p style="margin: 0; font-size: 14px; height: 21px; overflow: hidden; padding-left: 10px; display: table-cell; vertical-align: bottom;">男, 175cm, 46kg</p>
        <p style="margin: 0; padding: 0; font-size: 14px;">胸围：50, 腰围：0, 臀围：100</p>
      </div>
      <div style="line-height: 50px;
    text-align: -webkit-right;
    margin-right: 10px;" @click="goChild">
        <van-icon name="edit" />
      </div>
    </li>
  </ul>
  <div style="height: 50px; width:100%; line-height: 50px; background:red; color: #fff; position:absolute; bottom:0;" @click="goChild">
    添加小孩
  </div>
</div>
</template>

<script>
export default {
  name: 'child',
  methods: {
    goChild () {
      this.$router.push('/addChild')
    }
  }
}
</script>

<style scoped>
</style>
